function DataSets(){
	this.coluna = new InputText("");
	this.coluna.setLabel("Column");
	this.coluna.setSize(12);
	this.valor = new InputText("");
	this.valor.setLabel("Value");
	this.valor.setSize(12);

	this.coluna.htmlX.keyup(function(evt){
		var idTmp = propsElement.idPropp.getValue();
		var vlTmp = evt.target.value;
		var itemSelected = dtaSets.dtaGrid.getSelectedItem();
		itemSelected["column"] = vlTmp;
		dtaSets.dtaGrid.updateItem(itemSelected);
	});
	this.valor.htmlX.keyup(function(evt){
		var idTmp = propsElement.idPropp.getValue();
		var vlTmp = evt.target.value;
		var itemSelected = dtaSets.dtaGrid.getSelectedItem();
		itemSelected["value"] = vlTmp;
		dtaSets.dtaGrid.updateItem(itemSelected);
	});

	this.btAdicionar = new Button("add");
	this.btRemover = new Button("del");
	
	this.btAdicionar.htmlX.click(this.addDataSets);
	this.btRemover.htmlX.click(this.removeDataSets);
	
	
	this.dtaGrid = new DataGrid();
	this.dtaGrid.setColumns([{
		"label" : "Column",
		"column" : "column",
		"width" : 20
	}, {
		"label" : "Value",
		"column" : "value",
		"width" : 35
	}]);
	
	this.dtaGrid.itemChange = $.proxy(this.changeGridDataSets,this);
	
	this.htmlX = $('<div class="DataSets">');
	this["_dta"] = this;
	
	this.htmlX.append(this.coluna.htmlX).append(this.valor.htmlX).append(this.dtaGrid.htmlX).append(this.btAdicionar.htmlX).append(this.btRemover.htmlX);
}

DataSets.prototype.changeGridDataSets = function(){
	var itemSelected = this.dtaGrid.getSelectedItem();
	if(itemSelected){
		this.coluna.setValue(itemSelected["column"]);
		this.valor.setValue(itemSelected["value"]);
	}
}
DataSets.prototype.addDataSets = function(){
	dtaSets.dtaGrid.addItem({"column":dtaSets.coluna.getValue(),"value":dtaSets.valor.getValue()});
}
DataSets.prototype.removeDataSets = function(){
	var itemSelected = dtaSets.dtaGrid.getSelectedItem();
	if(itemSelected){
		dtaSets.dtaGrid.removeItem();
	}
}

